<template>
  <el-card>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/stuWelcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>英语版块</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/englishList' }">英语角</el-breadcrumb-item>
    </el-breadcrumb>
    <!--    标题-->
    <div class="light">
      <h3>青蛙王子1</h3>
    </div>
    <div class="content">
      <p>A long time ago, in a far away land there lived a princess. The princess was the most prettiest, from the time she was a baby anyone who saw her admired her appearance.</p>
      <p>以前，在一个遥远的国度生活着一位美丽的公主。公主非常漂亮的，当她还是个婴儿的时候，所有见到她的人都会被其美丽的外表所折服。</p>
      <p>On one special day, "Princess, the neighboring country sent this gold ball to you. The King has sent this golden ball to you princess. This is the only gold ball in the world."</p>
      <p>一天，仆人说：“公主，邻国送来了一个金色的球。国王已经把这个金色的球赐给你了。这是世界上独一无二的金球。”</p>
      <p>The princess thought that she was the most beautiful person in the world. So she disliked anything that was ugly and only liked what looked pretty and tasted good.</p>
      <p>公主认为自己是世界上最漂亮的人。因此她讨厌任何丑陋的东西，只喜欢看起来漂亮而且味道香甜的东西。</p>
      <p>The princess who had no friends always played alone on the palace lawn with her ball. "If only I had a friend to play with this ball, how nice it would be." Since she was so lonely she talked to herself. "Play ball with me."</p>
      <p>公主没有朋友总是孤零零地在宫殿的草坪上玩球。“要是有朋友跟我一起玩球，那该多好啊！”因为她太孤独了，她总是自言自语。“我跟你一起玩球吧。”</p>
      <p>The princess looked over to where the voice came from. There was nobody there. "Who is it?" "Would you like to play ball with me?"</p>
      <p>公主四周看了看是哪里发出的声音。但是没有看到任何人。“你是谁啊？你想和我一起玩球吗？”</p>
      <p>The only thing that the princess discovered was a ugly frog who lived in the palace well. The most ugliest and dirtiest frog appeared in front of the princess. "The most beautiful princess, I will be happy to play with you."</p>
      <p>公主这才在井里发现一只丑陋的青蛙。丑陋、肮脏的青蛙立马跳到公主面前。“美丽的公主啊，我很高兴可以跟你一起玩。”</p>
      <p>"My goodness, how can this ugly frog think of playing ball with me?" The princess went into the palace angrily. The frog was left alone once again.</p>
      <p>“我的天哪，这只丑青蛙怎么敢跟我一起玩球呢？”公主生气地跑进了宫殿。青蛙又一次伤心的离开了。</p>
    </div>
    <div class="light">
      <el-button type="primary" style="margin-top: 20px;" @click="complete">完成阅读</el-button>
    </div>
  </el-card>
</template>

<script>
  import axios from 'axios';//axios
  import Qs from 'qs';//qs
  export default {
    methods:{
      complete(){
        this.$message({
          message:'恭喜您已完成本篇阅读！',
          type:"success"
        });
        // 跳转至EnglishList页面
        this.$router.replace("/englishList");
      }
    }
  }
</script>
<style scoped>
  .light{
    font-size: 30px;
    text-align: center;
    color: #fefefe;
    text-shadow: 0 0 0.5em #0ae642, 0 0 0.2em #5c5c5c;
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
  }
  @-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #f0d1f8,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0ae642; }
  }
  .content{
    min-height:350px;
    overflow-y:auto;
    max-height:600px;
  }
  p{
    font-size: 18px;
    color: #fefefe;
    text-shadow:0px 1px 0px #d27878,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, .9);
  }
</style>
